import './style.css'
import { Tabs } from 'antd-mobile'
import { useTabs } from './useTabs.ts'
import HomeList from "./HomeList";
const Home = ()=>{
  const { channels } = useTabs()

  return <div>
    <div className='tabContainer'>
      <Tabs defaultActiveKey={'0'}>
        {channels.map(item => (
          <Tabs.Tab title={item.name} key={item.id}>
            {/*list组件*/}
            <div className="listContainer">
              <HomeList channelId={item.id} />
            </div>
          </Tabs.Tab>
        ))}
      </Tabs>
    </div>
  </div>
}
export default Home